.content .title {
  text-align: center;
  height: 0.44rem;
  line-height: 0.44rem;
  padding: 0 0.15rem;
  font-size: 0.17rem;
  background: #fff;
  border-bottom: 1px solid #ebecf1;
  position: relative; }
  .content .title .back {
    background: url(../img/find/back.png) no-repeat;
    background-size: 100%;
    position: absolute;
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    left: 0.15rem;
    top: 0.14rem; }
.content .f1 {
  position: relative;
  overflow: hidden; }
  .content .f1 .sex {
    position: absolute;
    left: 0.1rem;
    top: 0.4rem;
    z-index: 9; }
    .content .f1 .sex .img {
      width: 0.41rem;
      height: 0.41rem;
      display: block;
      margin-top: 0.11rem; }
  .content .f1 .person {
    text-align: center;
    margin-top: 0.65rem;
    position: relative;
    transition: all .5s;
    transform-style: preserve-3d;
    height: 5rem; }
    .content .f1 .person .face {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0 0.7rem; }
    .content .f1 .person .back {
      transform: rotateY(-180deg); }
    .content .f1 .person .img {
      width: 100%;
      display: block;
      background: #fff; }
  .content .f1 .hide {
    display: none; }
  .content .f1 .zhuan {
    transform: rotateY(180deg); }
  .content .f1 .roate {
    position: absolute;
    right: 0.15rem;
    bottom: 0.7rem; }
    .content .f1 .roate .icon_roate {
      background: url(../img/find/roate.png) no-repeat;
      width: 0.25rem;
      height: 0.19rem;
      display: block;
      background-size: 100%; }
    .content .f1 .roate .direction {
      font-size: 0.13rem;
      color: #83889a;
      margin-top: 0.05rem; }
